<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery-3.1.1.min.js"></script>
    <script src="../js/common.js"></script>
</head>

<body>
<!--div块级元素：会自动换行，
div想要在一行，我们需要用到浮动
float:left 左浮动
float:right 有浮动
class类名的规范：破折号company-logo，见名知意
-->
<!--上边部分-->

<div id="top"></div>
<!--中间部分-->
<div class="middle">
    <div class="middle-content">
        <div class="jxdt banner floatLeft">
            <div>较新动态</div>
            <div>
                <div class="floatLeft"><img src="../img/m331.jpg" height="190" width="268"/></div>
                <div class="floatRight">
                    <div>
                        <h4>日本较大抹.jxdt .floatRight div叶和茶登陆上海</h4>
                        <p>日本较大的抹茶餐饮连锁正式登陆本较大的抹茶餐饮连锁正式登上海，其中</p>
                    </div>
                    <div>
                        <h4>日本较大抹茶餐饮 七叶和茶登陆上海</h4>
                        <p>日本较大的抹茶餐饮连锁正式登陆上海，其中</p>
                    </div>
                    <div>
                        <h4>日本较大抹茶餐饮 七叶和茶登陆上海</h4>
                        <p>日本较大的抹茶餐饮连锁正式登陆上海，其中</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="cpzs banner floatRight">
            <div>产品展示</div>
            <div>
                <div class="floatLeft">
                    <div><img src="../img/48_j53b.jpg" height="300" width="300"/></div>
                    <div>
                        <h4>蚂蚁上蚂蚁上蚂蚁上蚂蚁上蚂蚁上蚂蚁上树</h4>
                        <p>粉丝200g,猪肉馅50克。丝200g,猪肉馅5丝200g,猪肉馅5丝200g,猪肉馅5丝200g,猪肉馅5</p>
                    </div>
                </div>
                <div class="floatRight">
                    <div><img src="../img/48_j53b.jpg" height="300" width="300"/></div>
                    <div>
                        <h4>蚂蚁上树</h4>
                        <p>粉丝200g,猪肉馅50克。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--下边部分-->
<div id="foot"></div>
</body>
</html>